<%-- 
    Document   : evaluacion
    Created on : Aug 26, 2011, 6:25:59 PM
    Author     : Eduardo
--%>

<%@page import="Bean.Views.SintaxisView"%>
<%@page import="Bean.Views.PreguntaView"%>
<%@page import="Bean.Views.DragDropView"%>
<%@page import="Services.GeneradorEvaluacion"%>
<%@page import="Bean.Views.Ejercicio"%>
<%@page import="java.util.Random"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Util.Constantes"%>
<%
GeneradorEvaluacion gen = new GeneradorEvaluacion();
ArrayList<Ejercicio> ejercicios = (ArrayList<Ejercicio>)gen.generarEjercicio();

int totalEjercicios = ejercicios.size();

for(int i = 0; i < ejercicios.size(); i++){
    if(ejercicios.get(i).getTipo() == Constantes.DRAG_DROP){
        //ArrayList lineasCodigo = ((DragDropView)ejercicios.get(i)).getLineasCodigo();
    }
    else if(ejercicios.get(i).getTipo() == Constantes.PREGUNTAS){
        PreguntaView pregunta = (PreguntaView)ejercicios.get(i);
    }
    else if(ejercicios.get(i).getTipo() == Constantes.SINTAXIS){
        SintaxisView sintaxis = (SintaxisView)ejercicios.get(i);
    }
}

request.getSession().setAttribute("evaluacion", ejercicios);
%>

 <%-- 
    Document   : index_demo2
    Created on : 27/08/2011, 01:20:38 AM
    Author     : John Mex
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">



<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/> 
<meta name="author" content="author"/> 
<link rel="stylesheet" type="text/css" href="CSS\default.css" media="screen"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Evaluacion</title>
        <link type="text/css" rel="stylesheet" href="CSS/jquery-ui-1.8.5.custom.css"/>
        <link type="text/css" rel="stylesheet" href="CSS/evaluacion.css"/>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
	<script>
	$(function() {
            <%
            int id = 0, pregId = 0;
            for(int i = 0; i < totalEjercicios; i++){
                int type = ((Ejercicio)ejercicios.get(i)).getTipo();
                switch(type){
                    case Constantes.DRAG_DROP:
                    %>
                    $("#sortable<%out.print(id++);%>, #sortable<%out.print(id++);%>" ).sortable({
                        connectWith: ".connectedSortable<%out.print(i);%>"
                    }).disableSelection();                    
                    <%
                    break;
                    case Constantes.SINTAXIS:
                        %>
                        <%
                    break;
                    case Constantes.PREGUNTAS:
                        %>
                        <%
                    break;
                }
            }%>
            $('#evaluar').click(function(){             
                incisos = {};
                <%
                int dragCount = 1;
                for(int i = 0; i < ejercicios.size(); i++){
                    int type = ((Ejercicio)ejercicios.get(i)).getTipo();
                    switch(type){
                          case Constantes.DRAG_DROP:
                              %>
                                var codigo = "";
                                $('#sortable<%out.print(dragCount);%>').find('li').each(function(){
                                    codigo += $(this).text();
                                });
                                incisos['<%out.print(i);%>'] = codigo;
                              <%
                              dragCount += 2;
                          break;
                          case Constantes.SINTAXIS:
                              %>
                                incisos['<%out.print(i);%>'] = $('#codigo<%out.print(i);%>').text();
                              <%
                          break;
                          case Constantes.PREGUNTAS:
                              %>
                                incisos['<%out.print(i);%>'] = $(".respuestas<%out.print(pregId++);%> input[type='radio']:checked").attr('id');
                              <%
                          break;
                    }
                }
                %>
                
                $.ajax({
                    url: 'EvaluatorController',
                    data: incisos,
                    success: function(){alert("do");
                    }
                });
            });
	});
	</script>
    </head>

<body>

<div class="outer-container">

<div class="inner-container">

	<div class="header">
		
		<div class="title">

			<span class="sitename"><a href="index.jsp">Practical C</a></span>
			<div class="slogan">Aprendiendo a Programar en Lenguaje C</div>

		</div>
		
	</div>

	<div class="path">
			
     <a href="">Home</a>

	</div>

	<div class="main">		
		
		<div class="content" style="float: none;">
                     <%
        id = 0;
        pregId = 0;
        for(int i = 0; i < totalEjercicios; i++){
            int type = ((Ejercicio)ejercicios.get(i)).getTipo();
            switch(type){
                case Constantes.DRAG_DROP:
                    %>
                    <center>
                    <div class="demo">
                        <h2><%out.print(i+1);%>.- Ordene las lineas de codigo de la izquierda de manera coherente arrastrandolos hacia el cuadro de la derecha</h2>
                        <center>
                        <table>
                            <tr>
                                <td class="columna">
                                    <ul id="sortable<%out.print(id++);%>" class="sortable1 connectedSortable<%out.print(i);%> " style="list-style-type: none;">
                                        <%
                                        ArrayList lineasCodigoRandom = new ArrayList();
                                        ArrayList lineasCodigo = ((DragDropView)ejercicios.get(i)).getLineasCodigo();
        
                                        ArrayList lineasCodigoTemp = new ArrayList(lineasCodigo);

                                        Random randomGenerator = new Random();
                                        for(int j = 0; j < lineasCodigo.size(); j++){
                                            int index = randomGenerator.nextInt(lineasCodigoTemp.size());
                                            lineasCodigoRandom.add(lineasCodigoTemp.get(index));
                                            lineasCodigoTemp.remove(index);
                                        }
                                        for(int j = 0; j < lineasCodigoRandom.size(); j++){%>
                                            <li class="ui-state-default" id="<%out.print(j);%>"style="list-style-type: none;"><%out.print(lineasCodigoRandom.get(j));%></li>
                                        <%}%>
                                    </ul>
                                </td>
                                <td class="columna">
                                    <ul id="sortable<%out.print(id++);%>" class="sortable2 connectedSortable<%out.print(i);%>">
                                    </ul>
                                </td>
                            </tr>
                        </table>
                        </center>
                    </div>
                    </center>
                    <%
                break;
                case Constantes.SINTAXIS:
                    SintaxisView sintaxis = (SintaxisView)ejercicios.get(i);
                    %>
                    <center>
                    <div class="demo" >
                        <h2><%out.print(i+1);%>.- Corrija los errores de sintaxis</h2>
                        <textarea id="codigo<%out.print(i);%>" style="width: 600px; height: 300px;"><%out.print(sintaxis.getCodigoIncorrecto());%><%out.print(i);%></textarea>
                    </div>
                    </center>
                    <%
                break;
                case Constantes.PREGUNTAS:
                    %>
                    <center>
                    <div class="demo" style="">
                        <h2><%out.print(i+1);%>.- Seleccione la respuesta correcta</h2>
                        <h3><%
                        PreguntaView pregunta = (PreguntaView)ejercicios.get(i);
                        out.print(pregunta.getPregunta().getPregunta());
                        %></h3>
                        <ul class="respuestas respuestas<%out.print(pregId);%>" style="list-style-type: none;">
                            <li><input type="radio" name="radio<%out.print(pregId);%>" id="<%out.print(pregunta.getRespuestas().get(0).getRespuesta());%>"/> a) <%out.print(pregunta.getRespuestas().get(0).getRespuesta());%></li>
                            <li><input type="radio" name="radio<%out.print(pregId);%>" id="<%out.print(pregunta.getRespuestas().get(1).getRespuesta());%>"/> b) <%out.print(pregunta.getRespuestas().get(1).getRespuesta());%></li>
                            <li><input type="radio" name="radio<%out.print(pregId);%>" id="<%out.print(pregunta.getRespuestas().get(2).getRespuesta());//bug vacio%>"/> c) <%out.print(pregunta.getRespuestas().get(2).getRespuesta());%></li>
                            <li><input type="radio" name="radio<%out.print(pregId++);%>" id="<%out.print(pregunta.getRespuestas().get(3).getRespuesta());%>"/> d) <%out.print(pregunta.getRespuestas().get(3).getRespuesta());%></li>
                        </ul>
                    </div>
                    </center>
                    <%
                break;
            }
        }
        %>
        <center>
        <button id="evaluar">Evaluar</button>
                      
         	</div>

		<div class="navigation">
                
                    
		</div>
		<div class="clearer">&nbsp;</div>

	</div>

	<div class="footer">

		<span class="left">
			&copy; 2011 <a href="index.jsp"> PracticalC.com </a>
		</span>

		<span class="right"><a href=""> DreamTeam Software Development</a> </span>

		<div class="clearer"></div>

	</div>

</div>

</div>

</body>

</html>